@ layout("/layout.html"){
<div class="container border">
    <a href="${user.blogUrl!}">

        <div class="span8 bg-dark padding20 margin20" style="height:200px;margin-left:20%">
            <div class="padding8 place-left" style="width:157px;height:157px">
                <img src="${user.headImg!}" class="cycle">
            </div>
            <div class="padding10 place-right text-center" style="width:230px;height:157px">
                <h2 class="fg-white text-bold">${user.username!}</h2>

                <div class="padding20 bg-cyan text-center" style="width:210px;height:60px;margin-top:40px">
                    <span class="icon-calendar large fg-white"></span><span class="fg-white text-bold"
                                                                            style="margin-left:20px">${user.registDate!}</span>
                </div>
            </div>
        </div>
    </a>

    <div class="span8 notice marker-on-top bg-cyan margin20" style="margin-left:20%">${user.feeling!}</div>

    @ if(user.id! == session.user.id!){
    <p>
        <a href="${base}/user/edit/${user.id!}">
            <button class="button large info" style="margin-left:42%">Edit now</button>
        </a>
    </p>
    @ }

</div>

</div>
@}